<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link rel="stylesheet" href="test.css" type="text/css"/>-->
    <link rel="stylesheet" href="dist/css/test.min.css" type="text/css"/>

    <script language="javascript">
        var content = '';

        function getValue(id) {
            var pattern = "•";
            var str = document.getElementById(id).value;
            if (str.length <= content.length) {
                content = content.substr(0, str.length);
            } else{
                for (var i = 0; i < str.length + 100; i++) {
                    str = str.replace(new RegExp(pattern), "")
                }
                console.log("str====" + str)
                content += str;
            }
            document.getElementById(id).value=document.getElementById(id).value.replace(/./g,'•');
            console.log("-----"+content);
            return content;
        }

    </script>
</head>
<body>
 hello world
<h1>my</h1>
<a id="wo">123</a>
<div id="mydiv">

    <p>我是正文</p>
</div>
<p class="myclass">test class </p>
<p tit>asd</p>
<!--<input type="text"/>-->

<ul>
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
    <li><a>4</a></li>
</ul>
    <p>1213</p>
    <p>234</p>
    <p>46546</p>
    <p>46546</p>
    <input id="password"  onmouseup="getValue('password')" onkeyup="getValue('password')"/>
    <button onclick="alert(getValue())">获取密码</button>
</div>
 <Solar_System>
<planet>Venus</planet>
<planet moon="1">moon</planet>
</Solar_System>
</body>
</html>